﻿<!DOCTYPE html>
<html>
  <head>
    <title>树形控件</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/树形控件/styles.css" type="text/css" rel="stylesheet"/>
    <style type="text/css">
@font-face {
font-family:Ionicons;
src:url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.svg#Ionicons) format("svg");
font-weight:400;
font-style:normal
}
    </style>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/树形控件/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Header) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u7758" class="ax_default">
        <div id="u7758_state0" class="panel_state" data-label="State1" style="">
          <div id="u7758_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u7759" class="ax_default box_2">
              <div id="u7759_div" class=""></div>
              <div id="u7759_text" class="text ">
                <p><span>&nbsp; 返回顶部</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u7760" class="ax_default paragraph">
              <div id="u7760_div" class=""></div>
              <div id="u7760_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- header (Dynamic Panel) -->
      <div id="u7761" class="ax_default" data-label="header">
        <div id="u7761_state0" class="panel_state" data-label="State1" style="">
          <div id="u7761_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u7762" class="ax_default box_1">
              <div id="u7762_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u7763" class="ax_default">
              <div id="u7763_state0" class="panel_state" data-label="State1" style="">
                <div id="u7763_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7764" class="ax_default box_1">
                    <div id="u7764_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7765" class="ax_default box_1">
                    <div id="u7765_div" class=""></div>
                    <div id="u7765_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7766" class="ax_default box_1">
                    <div id="u7766_div" class=""></div>
                    <div id="u7766_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u7767" class="ax_default image">
                    <img id="u7767_img" class="img " src="images/index/u10.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7768" class="ax_default box_1">
                    <img id="u7768_img" class="img " src="images/index/u11.png"/>
                    <div id="u7768_text" class="text ">
                      <p><span>&nbsp;iView Axure Library</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7769" class="ax_default box_1">
        <div id="u7769_div" class=""></div>
      </div>

      <!-- Unnamed (SideNav) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u7771" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7771_div" class=""></div>
        <div id="u7771_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">对话框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7772" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7772_div" class=""></div>
        <div id="u7772_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">通知提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7773" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7773_div" class=""></div>
        <div id="u7773_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">全局提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7774" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7774_div" class=""></div>
        <div id="u7774_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">警告提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7775" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-light">
        <div id="u7775_div" class=""></div>
        <div id="u7775_text" class="text ">
          <p><span>视图</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7776" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7776_div" class=""></div>
        <div id="u7776_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7777" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7777_div" class=""></div>
        <div id="u7777_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">颜色选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7778" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7778_div" class=""></div>
        <div id="u7778_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">上传</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7779" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7779_div" class=""></div>
        <div id="u7779_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">评分</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7780" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7780_div" class=""></div>
        <div id="u7780_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">数字输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7781" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7781_div" class=""></div>
        <div id="u7781_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">穿梭框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7782" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7782_div" class=""></div>
        <div id="u7782_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">级联选择</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7783" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7783_div" class=""></div>
        <div id="u7783_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7784" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7784_div" class=""></div>
        <div id="u7784_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">日期选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7785" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7785_div" class=""></div>
        <div id="u7785_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">滑块</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7786" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7786_div" class=""></div>
        <div id="u7786_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7787" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7787_div" class=""></div>
        <div id="u7787_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7788" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7788_div" class=""></div>
        <div id="u7788_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">开关</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7789" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7789_div" class=""></div>
        <div id="u7789_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">多选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7790" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7790_div" class=""></div>
        <div id="u7790_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7791" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7791_div" class=""></div>
        <div id="u7791_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7792" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-light">
        <div id="u7792_div" class=""></div>
        <div id="u7792_text" class="text ">
          <p><span>表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7793" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7793_div" class=""></div>
        <div id="u7793_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7794" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7794_div" class=""></div>
        <div id="u7794_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">锚点</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7795" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7795_div" class=""></div>
        <div id="u7795_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">徽标数</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7796" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7796_div" class=""></div>
        <div id="u7796_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面包屑</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7797" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7797_div" class=""></div>
        <div id="u7797_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7798" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7798_div" class=""></div>
        <div id="u7798_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7799" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7799_div" class=""></div>
        <div id="u7799_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7800" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7800_div" class=""></div>
        <div id="u7800_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">导航菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7801" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-light">
        <div id="u7801_div" class=""></div>
        <div id="u7801_text" class="text ">
          <p><span>导航</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7802" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7802_div" class=""></div>
        <div id="u7802_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单元格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7803" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7803_div" class=""></div>
        <div id="u7803_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分割线</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7804" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7804_div" class=""></div>
        <div id="u7804_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面板分割</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7805" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7805_div" class=""></div>
        <div id="u7805_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">折叠面板</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7806" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7806_div" class=""></div>
        <div id="u7806_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">卡片</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7807" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7807_div" class=""></div>
        <div id="u7807_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7808" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7808_div" class=""></div>
        <div id="u7808_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">栅格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7809" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-light">
        <div id="u7809_div" class=""></div>
        <div id="u7809_text" class="text ">
          <p><span>布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7810" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7810_div" class=""></div>
        <div id="u7810_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图标</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7811" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7811_div" class=""></div>
        <div id="u7811_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7812" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7812_div" class=""></div>
        <div id="u7812_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">字体</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7813" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7813_div" class=""></div>
        <div id="u7813_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">色彩</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7814" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-light">
        <div id="u7814_div" class=""></div>
        <div id="u7814_text" class="text ">
          <p><span>基础</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7815" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-light">
        <div id="u7815_div" class=""></div>
        <div id="u7815_text" class="text ">
          <p><span>组件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7816" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7816_div" class=""></div>
        <div id="u7816_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7817" class="ax_default box_1 selected" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7817_div" class="selected"></div>
        <div id="u7817_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7818" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-light">
        <div id="u7818_div" class=""></div>
        <div id="u7818_text" class="text ">
          <p><span>入门介绍</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7819" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7819_div" class=""></div>
        <div id="u7819_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">抽屉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7820" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7820_div" class=""></div>
        <div id="u7820_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">树形控件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7821" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7821_div" class=""></div>
        <div id="u7821_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">文字提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7822" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7822_div" class=""></div>
        <div id="u7822_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">气泡提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7823" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7823_div" class=""></div>
        <div id="u7823_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7824" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7824_div" class=""></div>
        <div id="u7824_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7825" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7825_div" class=""></div>
        <div id="u7825_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7826" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7826_div" class=""></div>
        <div id="u7826_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">走马灯</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7827" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7827_div" class=""></div>
        <div id="u7827_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间轴</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7828" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7828_div" class=""></div>
        <div id="u7828_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">相对时间</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7829" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7829_div" class=""></div>
        <div id="u7829_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度环</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7830" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7830_div" class=""></div>
        <div id="u7830_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图钉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7831" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7831_div" class=""></div>
        <div id="u7831_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">返回顶部</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7832" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7832_div" class=""></div>
        <div id="u7832_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">加载中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7833" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-fenzu-light">
        <div id="u7833_div" class=""></div>
        <div id="u7833_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">无限滚动</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7834" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-light">
        <div id="u7834_div" class=""></div>
        <div id="u7834_text" class="text ">
          <p><span>图表</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7835" class="ax_default box_1" selectiongroup="u7770nav-cebianlan-light">
        <div id="u7835_div" class=""></div>
        <div id="u7835_text" class="text ">
          <p><span>其他</span></p>
        </div>
      </div>

      <!-- Unnamed (Footer) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u7837" class="ax_default">
        <div id="u7837_state0" class="panel_state" data-label="State1" style="">
          <div id="u7837_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u7838" class="ax_default box_1">
              <div id="u7838_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u7839" class="ax_default">
              <div id="u7839_state0" class="panel_state" data-label="State1" style="">
                <div id="u7839_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7840" class="ax_default box_1">
                    <div id="u7840_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7841" class="ax_default label">
                    <div id="u7841_div" class=""></div>
                    <div id="u7841_text" class="text ">
                      <p><span>Axure组件库由 baozipm制作</span></p><p><span>UI与交互由iView团队设计</span></p><p><span>图标由Ionicon团队设计</span></p><p><span>备案备案备案备案备案</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7842" class="ax_default label">
                    <div id="u7842_div" class=""></div>
                    <div id="u7842_text" class="text ">
                      <p><span>Contract Me</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7843" class="ax_default label">
                    <div id="u7843_div" class=""></div>
                    <div id="u7843_text" class="text ">
                      <p><span>邮箱：bosenger@qq.com</span></p><p><span>微信：暂未开通</span></p><p><span>微博：暂未开通</span></p><p><span>官网：www.baozipm.com</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7844" class="ax_default label">
                    <div id="u7844_div" class=""></div>
                    <div id="u7844_text" class="text ">
                      <p><span>Copyright</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7845" class="ax_default label">
                    <div id="u7845_div" class=""></div>
                    <div id="u7845_text" class="text ">
                      <p><span>BaoziPM</span></p><p><span>iView</span></p><p><span>Ionicon</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7846" class="ax_default label">
                    <div id="u7846_div" class=""></div>
                    <div id="u7846_text" class="text ">
                      <p><span>相关站点</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u7847" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u7848" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u7849" class="ax_default">
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u7850" class="ax_default image">
                    <img id="u7850_img" class="img " src="images/index/u93.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7851" class="ax_default label">
                    <div id="u7851_div" class=""></div>
                    <div id="u7851_text" class="text ">
                      <p><span>版本号1.1</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7852" class="ax_default heading_1">
        <div id="u7852_div" class=""></div>
        <div id="u7852_text" class="text ">
          <p><span>Tree 树形控件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7853" class="ax_default heading_1">
        <div id="u7853_div" class=""></div>
        <div id="u7853_text" class="text ">
          <p><span>概述</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7854" class="ax_default label">
        <div id="u7854_div" class=""></div>
        <div id="u7854_text" class="text ">
          <p><span>文件夹、组织架构、生物分类、国家地区等等，世间万物的大多数结构都是树形结构。使用树控件可以完整展现其中的层级关系，并具有展开收起选择等交互功能。</span></p><p><span>暂时没有可快速复用的实现方式，建议直接采用axure自带的树形结构，方便维护。</span></p>
        </div>
      </div>

      <!-- Unnamed (Tree) -->
      <div id="u7855" class="ax_default tree_node treeroot">
        <div id="u7855_children" class="u7855_children">

          <!-- Unnamed (Tree Node) -->
          <div id="u7856" class="ax_default tree_node treenode">

            <!-- Unnamed (Image) -->
            <div id="u7857" class="ax_default image">
              <img id="u7857_img" class="img " src="images/树形控件/u7857_selected.png"/>
            </div>
            <!-- Unnamed (Rectangle) -->
            <div id="u7858" class="" selectiongroup="u7855_tree_group">
              <div id="u7858_div" class=""></div>
              <div id="u7858_text" class="text ">
                <p><span>Item 1</span></p>
              </div>
            </div>
            <div id="u7856_children" class="u7856_children">

              <!-- Unnamed (Tree Node) -->
              <div id="u7859" class="ax_default tree_node treenode">
                <!-- Unnamed (Rectangle) -->
                <div id="u7860" class="" selectiongroup="u7855_tree_group">
                  <div id="u7860_div" class=""></div>
                  <div id="u7860_text" class="text ">
                    <p><span>Item 1.1</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (Tree Node) -->
              <div id="u7861" class="ax_default tree_node treenode">
                <!-- Unnamed (Rectangle) -->
                <div id="u7862" class="" selectiongroup="u7855_tree_group">
                  <div id="u7862_div" class=""></div>
                  <div id="u7862_text" class="text ">
                    <p><span>Item 1.2</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (Tree Node) -->
              <div id="u7863" class="ax_default tree_node treenode">

                <!-- Unnamed (Image) -->
                <div id="u7864" class="ax_default image">
                  <img id="u7864_img" class="img " src="images/树形控件/u7857_selected.png"/>
                </div>
                <!-- Unnamed (Rectangle) -->
                <div id="u7865" class="" selectiongroup="u7855_tree_group">
                  <div id="u7865_div" class=""></div>
                  <div id="u7865_text" class="text ">
                    <p><span>Item 1.3</span></p>
                  </div>
                </div>
                <div id="u7863_children" class="u7863_children">

                  <!-- Unnamed (Tree Node) -->
                  <div id="u7866" class="ax_default tree_node treenode">
                    <!-- Unnamed (Rectangle) -->
                    <div id="u7867" class="" selectiongroup="u7855_tree_group">
                      <div id="u7867_div" class=""></div>
                      <div id="u7867_text" class="text ">
                        <p><span>enter text...</span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Tree Node) -->
                  <div id="u7868" class="ax_default tree_node treenode">
                    <!-- Unnamed (Rectangle) -->
                    <div id="u7869" class="" selectiongroup="u7855_tree_group">
                      <div id="u7869_div" class=""></div>
                      <div id="u7869_text" class="text ">
                        <p><span>enter text...</span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
